.uid-waterfall {
  user-select: none;
  width: 100%;
  font-family: $data-font;

  .waterfall-row {
    display: flex;
    align-items: center;
    padding-bottom: 3px;
  }

  .data-label {
    font-size: 9px;
    color: $gray-6;
    font-weight: bold;
    padding: 3px 6px;

    a {
      text-decoration: underline;
      color: $blue-light;
      cursor: pointer;

      &:active {
        color: $blue;
      }
    }
  }

  .slider {
    flex: 1;
    position: relative;
    padding-right: 58px; // size of the path-tags
  }

  .line {
    display: block;
    position: absolute;
    border-top: 1px solid $table-stripe-hover;
    width: 100%;
    top: 50%;
  }

  .path-tag {
    cursor: pointer;
    position: relative;
    left: 0%;
    font-size: 12px;

    &:active {
      transform: translateY(2px);
    }
  }
  .path-tag.conn-bg-color {
    width: calc(100% + 58px);
  }

  .path-tag.current {
    outline: 2px dotted $white-9;
  }

  .caption {
    margin: $space-s 0 0 0;
    padding: 0;
    text-align: right;
  }
}
